<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0">
    <title>订花乐分类页</title>
    <link rel="stylesheet" href="../dinghuale/css/category-page.min.css">
    <link rel="shortcut icon" href="bitbug_favicon.ico" />
</head>
<body>
    <div class="web">
        <header>
            <input type="text" placeholder="搜索鲜花、蛋糕、礼品">
        </header>
        <main>
            <div class="left-content">
                <ul>
                    <li>用途</li>
                    <li>花材</li>
                    <li>类别</li>
                    <li>枝数</li>
                </ul>
            </div>
            <div class="right-content">
                <img src="../dinghuale/images/category-page-image/category-page-bg.png" alt="">
                <div class="right-content-list">
                    <p>用途</p>
                    <div class="right-content-user-list">
                        <ul>
                            <li>爱情鲜花</li>
                            <li>友情鲜花</li>
                            <li>道歉鲜花</li>
                            <li>感谢老师</li>
                            <li>商务鲜花</li>
                        </ul>
                        <ul>
                            <li>生日鲜花</li>
                            <li>探病问候</li>
                            <li>问候长辈</li>
                            <li>哀思鲜花</li>
                        </ul>
                    </div>
                </div>
            </div>
        </main>
        <footer>
            <div class="footer-nav">
                <a href="../item-html/category-page.html">
                    <img src="../dinghuale/images/index-image/foot/foot1.png" alt="">
                    <p>首页</p>
                </a>
                <a href="">
                    <img src="../dinghuale/images/index-image/foot/foot2-gold.png" alt="">
                    <p>分类</p>
                </a>
                <a href="">
                    <img src="../dinghuale/images/index-image/foot/foot3.png" alt="">
                    <p>购物车</p>
                </a>
                <a href="">
                    <img src="../dinghuale/images/index-image/foot/foot4.png" alt="">
                    <p>我的</p>
                </a>    
            </div>
        </footer>
    </div>
</body>
</html>